<template>
  <div class="lssc">
    <div v-html="data"></div>
  </div>
</template>

<script setup lang="ts">
const props = defineProps({
  data: {
    type: String,
    default: ''
  }
});

const content = ref(
  '张家口村位于夷陵区西北部山区，地处翻坝高速三峡大瀑布出口，宜兴路穿境而过，交通便利，区位优势明显。张家口村由原大良山、邓家增，南边、张家口、寻子头五村合并而成，这里有山有水，山高谷深，地势险要，交通便利，境内黄柏河与小峰河两条河口交汇处形成了宜居宜旅美丽的张家口小集镇。张家口村域内旅游资源丰富，历史文化厚重。“南边古民·居”是国家级文物保护单位；“南边抗日将士陵园”是国家级军事设施保护单位；“张家口村火车站”是省级文物保护单位；通天门等自然地质景观比比皆是。周边与三峡大瀑布5A景区、三峡大坝5A景区、三峡人家5A景区互联互通·为游客提供全方位、多层次的文旅名片。紧抓全市“筑堡工程”机遇'
);
</script>

<style lang="scss" scoped>
.lssc {
  width: 100%;
  height: 100%;
  padding: 0px 32px 10px 32px;
  font-weight: 400;
  font-size: 22px;
  font-family: 'DingTalk';
  color: #cdebff;
  div {
    //超出17行隐藏
    height: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 17;
    overflow-y: scroll;
  }
}
</style>
